﻿/*================================================重写样式=================================================*/


/*列表搜索*/

.page-search .input-group .input-group-addon {
    border-color: #e8e8e8;
    background-color: #f5f5f5;
}

.table-hover tr:hover>th {
    background-color: #F1F1F1 !important;
}


/*.table-hover tr:hover > td { background-color: #ebf2f9 !important; }*/

.table td,
.table th {
    padding: 6px;
    font-weight: 400;
    vertical-align: inherit;
}

.table th.checkboxs {
    width: 40px;
    /* text-align: center;
    padding: 6px 0 0 0 !important;
    margin: 0; */
}

.table th.checkboxs label.checkbox-reset {
    padding-top: 0 !important;
    top: -3px;
    position: relative;
}


/* .table td.checkboxs {
    width: 40px;
    text-align: center;
    padding: 6px 0 0 0 !important;
    margin: 0;
}

.table td.checkboxs label.checkbox-reset {
    padding-top: 0 !important
} */

.table>tbody>tr.active>td {
    background-color: #ebf2f9 !important;
}


/*单选*/

.radio-reset {
    margin: 0;
    cursor: pointer;
    font-weight: normal;
}

.radio-reset>span {
    display: inline-block;
    padding-left: 6px;
    vertical-align: 3px;
}

.radio-reset>input[type="radio"] {
    margin: 0;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: white;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-radius: 100%;
}

.radio-reset>input[type="radio"]:hover {
    cursor: pointer;
}

.radio-reset>input[type="radio"]:active {
    border-color: #464648;
}

.radio-reset>input[type="radio"]:checked {}

.radio-reset>input[type="radio"]:checked::after {
    position: absolute;
    top: 3px;
    left: 3px;
    content: "";
    background-color: #666;
    border-radius: 1rem;
    width: 8px;
    height: 8px;
}

.radio-reset>input[type="radio"][disabled="disabled"] {
    border: 1px solid #F70852;
    cursor: no-drop;
}

.radio-reset>input[type="radio"][disabled="disabled"]::after {
    border: 1px solid #F70852 !important;
    cursor: no-drop !important;
}


/*多选*/

.checkbox-reset {
    margin: 0;
    cursor: pointer;
    font-weight: normal;
}

.checkbox-reset>span {
    display: inline-block;
    padding-left: 6px;
    vertical-align: 3px;
}

.checkbox-reset>input[type="checkbox"] {
    margin: 0;
    position: relative;
    border-radius: 2px;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.checkbox-reset>input[type="checkbox"]:hover {
    cursor: pointer;
}

.checkbox-reset>input[type="checkbox"]:active {
    border-color: #464648;
}

.checkbox-reset>input[type="checkbox"]:checked {}

.checkbox-reset>input[type="checkbox"]:checked::after {
    position: absolute;
    content: "";
    top: -4px;
    left: 2px;
    display: block;
    width: 18px;
    height: 18px;
    height: 18px;
    background-image: url();
    background-size: 100% 100%;
}

.checkbox-reset>input[type="checkbox"][disabled="disabled"] {
    border: 1px solid #F70852 !important;
    cursor: no-drop !important;
}

.width-100px {
    width: 100px !important;
}

.width-200px {
    width: 200px !important;
}

.width-320px {
    width: 320px !important;
}

.width-380px {
    width: 380px !important;
}

.width-400px {
    width: 400px !important;
}


/*全删按钮隐藏动画*/

.alldel-btn-out {
    animation: all-btn-out .3s .1s ease both;
    -webkit-animation: all-btn-out .3s .1s ease both;
    -moz-animation: all-btn-out .3s .1s ease both;
    -o-animation: all-btn-out .3s .1s ease both;
}

@keyframes all-btn-out {
    0% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

@-webkit-keyframes all-btn-out {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
}

@-moz-keyframes all-btn-out {
    0% {
        -moz-transform: scale(1);
    }
    100% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
}

@-o-keyframes all-btn-out {
    0% {
        -o-transform: scale(1);
    }
    100% {
        opacity: 0;
        -o-transform: scale(.3);
    }
}

.alldel-btn-in {
    -webkit-animation-name: all-btn-in;
    animation-name: all-btn-in;
}

@-webkit-keyframes all-btn-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes all-btn-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.remove-border-left_right {
    border-left: 0 !important;
    border-right: 0 !important;
}

.remove-border-left {
    border-left: 0 !important;
}

.margin-left-20px {
    margin-left: 20px;
}

.alert {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}


/*弹性布局*/

.flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
}

.flex.wrap {
    flex-wrap: wrap;
}

.flex>div {
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}

.flex-0>div {
    flex: 0 !important;
    -webkit-box-flex: 0 !important;
    -moz-box-flex: 0 !important;
}

.flex.end {
    justify-content: flex-end;
    -webkit-box-pack: end;
    -moz-box-pack: end
}

.calendar {
    cursor: pointer;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}


/*上传图片*/

.img-group {
    display: flex;
    display: -webkit-box;
    display: -moz-box
}

.img-group>.example {
    flex: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    margin: 10px 10px 10px 0
}

.img-group>.example img {
    min-width: 100px;
    min-height: 100px
}

.img-group-btn {
    margin-top: 10px
}

.pagination>li>a {
    cursor: pointer;
}

.table tr th {
    background-color: #f5f5f5;
    font-weight: normal;
}

.table-hover>tbody>tr:hover>td {}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 6px;
}

.page-tabs {
    padding-bottom: 16px;
    clear: both;
}

.page-search {
    padding-bottom: 16px;
    clear: both;
}

.page-search.single>div:not(:last-child) {
    padding-right: 6px;
}

.page-search.inline>div.form-inline>div.form-group {
    padding-right: 6px;
    padding-bottom: 16px;
}

.page-search.inline>div.form-inline>div.form-group>label {
    padding-right: 6px;
    font-weight: 500;
}

.page-search.inline>div.form-inline>div.form-group>div[data-search="date"] {
    margin-bottom: 2px;
}

.page-page {
    padding: 20px;
    margin-bottom: 200px;
    clear: both
}

.page-eidt-btns {
    padding-bottom: 16px;
    clear: both;
}

.page-eidt-btns .btn>i {
    padding-right: 3px;
}

.page-data {}

table[data-multi] tr td p {
    margin: 0 !important
}

table[data-multi] tr td p>img.icon-140x60 {
    width: 140px;
    height: 60px
}

table[data-multi] tr td p>span.title {
    padding-right: 6px;
    font-weight: 700
}

table[data-multi] tr td p>span.title.align {
    width: 58px;
    text-align: right;
    display: inline-block;
}


/*日历*/

.table-data-null {
    text-align: center;
}

*[data-del-all-checked="true"] {
    display: none;
}

.page-pagination-page {
    background-color: #fff;
    position: fixed;
    text-align: right;
    right: 20px;
    bottom: 100px;
    width: 100%;
}

.page-pagination-page span[data-page-search="btn"] {
    cursor: pointer;
    background-color: #428BCA;
    color: #fff;
    border: 0;
}

.page-pagination-page span[data-page-search="btn"]:hover {
    background-color: #3071A9;
}

.page-desc {
    display: inline-block;
    vertical-align: 32px;
    padding-right: 10px;
}

.page-desc>span {
    padding: 0 6px 0 6px;
}

.page-search-p {
    display: inline-block;
    width: 100px;
    vertical-align: 20px;
}

.ajax-scroll-page {
    text-align: center;
    padding: 10px;
    clear: both;
}


/*搜索按钮*/

*[data-igs="btn"]:hover {
    cursor: pointer;
    background-color: #3e4fb1 !important;
    color: #fff !important;
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
    border-color: #3e4fb1 !important;
}

.table-data-load {
    text-align: center;
}

.form-head>h1 {
    padding-left: 20px;
    color: #a0a0a0;
}

.form-body {}

.form-body label.radio-reset,
label.checkbox-reset {
    padding-top: 6px
}

.form-body .form-group .form-control {
    width: 250px
}

.form-body .form-group textarea {
    width: 400px;
    height: 80px
}

.form-bottom {
    clear: both;
    width: 100%;
    height: 200px;
}